<#assign path = request.getContextPath() />
<!DOCTYPE html>
<html class="x-admin-sm">

	<head>
		<meta charset="UTF-8">
		<title>临时调班</title>
        <meta name="renderer" content="webkit">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
        <link rel="stylesheet" href="${path}/static/css/font.css">
        <link rel="stylesheet" href="${path}/static/css/css.css">
		<link rel="stylesheet" type="text/css" href="${path}/static/css/xadmin.css"/>
		<script type="text/javascript" src="${path}/static/js/jquery.min.js"></script>
        <script type="text/javascript" src="${path}/static/lib/layui/layui.js"></script>
        <script type="text/javascript" src="${path}/static/js/xadmin.js"></script>
	</head>

	<body>
		<div class="x-nav">
			<a href="../index">首页</a>
			<span>&gt;</span>
			<a><cite>临时调班</cite></a>
		</div>
		<div class="layui-fluid">
			<div class="layui-row layui-col-space15">
				<div class="layui-col-md12">
					<div id="btns" class="btns">
						<button type="button" class="layui-btn btn" >返回</button>
						<button type="button" class="layui-btn btn" onclick="">保存</button>
					</div>
					<div class="layui-card">
						<div class="layui-card-body">
							<form class="layui-col-space5">
								<div class="layui-input-inline layui-show-xs-block  lsy-list">
								  <label for="username" class="lable">班次名称</label>
								<span>
									${data.name}
								</span>
								</div> 

								<div class="layui-input-inline layui-show-xs-block lsy-list">
									 <label for="username" class="lable">是否跨天</label>
									<span>
										<#if data.cross == 1>
										    是
										<#else >
											否
										</#if>
									</span>
									
								</div>
								  <div class="layui-form-item">
								    <label for="username" class="layui-form-label">
										临时调班期限
								    </label>
								    <div class="layui-input-inline">
										<input class="layui-input" placeholder="选择" name="start" id="start">
								    </div>
									<span class="remark">注：到达期限时间后，人员自动调整回原来班组</span>
								</div>
							</form>
						</div>

						<div class="layui-card-body layui-table-body layui-table-main">
							<div class="tiaobans">
								<div class="fl">
								    <label for="username" class="layui-form-label">临时调班</label>
								</div>
								<div class="fr">
								    <span>临时调班</span>
								    <input type="text" class="tiaoban">
								</div>
							</div>
							<table class="layui-table layui-form list-table fl" style="width:42%">
								
								<thead>
									<!-- <tr>临时调班</tr> -->
									<tr>
										<th>
											<input type="checkbox"  lay-filter="checkall" name="" lay-skin="primary">
										</th>
										<th>姓名</th>
										<th>员工编号</th>
									</tr>
								</thead>
								<tbody>
									<#if persons?? && (persons?size>0)>
									    <#list persons as item>
									       <tr>
                                               <td><input type="checkbox" name="" lay-skin="primary" value="${item.empId}"></td>
                                               <td>${item.empName}</td>
                                               <td>${item.empNo}</td>
                                           </tr>
									    </#list>
									</#if>
								</tbody>
							</table>
							<table class="table-list fl"><!-- <Span class="font-big">&gt;</Span><span class="font-big">&lt;</span> -->
								<tr><td><p class="arr-btn">全部添加<i class="arr-l"></i></p></td></tr>
								<tr><td><p class="arr-btn">添加<i class="arr-ls"></i></p></td></tr>
								<tr><td><p class="arr-btn">全部移除<i class="arr-r"></i></p></td></tr>
								<tr><td><p class="arr-btn">移除<i class="arr-rs"></i></p></td></tr>
							</table>
							<table class="layui-table layui-form list-table fl" style="width: 42%">
								<thead>
									<tr>
										<th>
											<input type="checkbox"  lay-filter="checkall" name="" lay-skin="primary">
										</th>
										<th>姓名</th>
										<th>员工编号</th>
									</tr>
								</thead>
								<tbody>
									<tr>
										<td><input type="checkbox" name="" lay-skin="primary"></td>
										<td>大马猴</td>
										<td>1000101</td>
									</tr>
									<tr>
										<td><input type="checkbox" name="" lay-skin="primary"></td>
										<td>大马猴</td>
										<td>1000101</td>
									</tr>
									<tr>
										<td><input type="checkbox" name="" lay-skin="primary"></td>
										<td>大马猴</td>
										<td>1000101</td>
									</tr>
								</tbody>
							</table>
						</div>
						<div class="layui-form-item" align="center">
						    <button  class="btn" lay-filter="keep" lay-submit="">保存</button>
						    <button  class=" btn-nobg" lay-filter="reset" lay-submit="reset">重置</button>
						</div>
					</div>
				</div>
			</div>
		</div>
	<script>
		layui.use(['laydate', 'form'],
		function() {
			var laydate = layui.laydate;
			//执行一个laydate实例
			laydate.render({
				elem: '#start' //指定元素
			});
		});

			</script>
		<script>
		layui.use(['laydate','form'], function(){
		    var laydate = layui.laydate;
		    var  form = layui.form;
		    // 监听全选
		    form.on('checkbox(checkall)', function(data){
		
		      if(data.elem.checked){
		        $('tbody input').prop('checked',true);
		      }else{
		        $('tbody input').prop('checked',false);
		      }
		      form.render('checkbox');
		    }); 
		  });
			layui.use(['laydate','form'], function(){
				var laydate = layui.laydate;
				var  form = layui.form;
				// 监听全选
				form.on('checkbox(checkall)', function(data){
				  if(data.elem.checked){
					$('tbody input').prop('checked',true);
				  }else{
					$('tbody input').prop('checked',false);
				  }
				  form.render('checkbox');
				}); 
			  });
		</script>
	</body>
</html>
